<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
   <link rel="stylesheet" href="css/main.css" />
 </head>
 <body>

<div id="section">
  <ul id="list">
	<li class="cont" id="cont1">
		<ul id="cont1-bg">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		<div class="zoom1">
			<div id="enter1">
				<em></em>进入官网
			</div>
			<div id="line1"></div>
			<div id="line2"></div>
			<div id="people"></div>
			<div id="line3"></div>
			<div id="line4"></div>
			<div id="line5"></div>
			<div id="txt-l"></div>
			<div id="txt-r"></div>
			<div id="an-download"></div>
			<div id="ios-download"></div>
			<div id="erweima"><span></span>点击扫码下载</div>
			<div id="twocode"></div>
		</div>

	</li>
	<li class="cont" id="cont2">
		<div class="close">
			<div id="enter2">
				<em></em>进入官网
			</div>
			<div id="logo2"></div>
			<div id="triangle"></div>
			<div id="scroll-mobile"></div>
			<div id="mobile"></div>
			<div id="cont2-txt1"></div>
			<div id="cont2-txt2">给你所喜欢的一切</div>
			<div id="cont2-video">
				<ul class="video-title">
					<li></li>
					<li></li>
				</ul>
				<ul class="video-list">
					<li><span></span><img src="img/ucproduct.jpg"></li>
					<li><span></span><img src="img/uclicheng.jpg"></li>
				</ul>
			</div>
			<div id="an-download2"></div>
			<div id="ios-download2"></div>
			<div id="erweima2"><span></span>点击扫码下载</div>
			<div id="twocode2"></div>
		</div>
	</li>
	<li class="cont" id="cont3">
		<div id="c3-bg">
			<video id="video_player" class="video-player" data-height="1080" data-width="1920" height="1080" width="1920" style="width: 1920px;height:1080px; left: 0;">
				<source src="video/video.mp4" type="video/mp4">
			</video>
			<div id="poster"></div>
		</div>
		<div class="close">
			<div id="enter3">
				<em></em>进入官网
			</div>
			<div id="logo3"></div>
			<div id="cont3-video">
				<ul class="video-title">
					<li></li>
					<li></li>
					<li></li>
				</ul>
				<ul class="video-list">
					<li><span></span><img src="img/family.jpg"></li>
					<li><span></span><img src="img/love.jpg"></li>
					<li><span></span><img src="img/dream.jpg"></li>
				</ul>
			</div>
			<div id="c3-txt1"></div>
			<div id="c3-txt2">UC品牌微电影</div>
			<div id="c3-play"></div>
			<div id="c3-txt3">UC携手新锐时尚摄影师童梦</div>
			<div id="c3-txt4">用镜头读懂1000张脸背后的故事</div>
		</div>
	</li>
	<li class="cont" id="cont4">
		<ul id="cont4-bg">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		<div class="close">
			<div id="enter4">
				<em></em>进入官网
			</div>
			<div id="logo4"></div>
			<div id="c4-txt">
				<p class="t1">UC名人态度宣言</p>
				<p class="t2"><img src="img/txt3.png" alt=""/></p>
				<p class="t3">大咖告诉你：懂与不懂是两个次元</p>
			</div>
			<div id="tatter"></div>
			<ul id="c4-people">
				<li>
					<div>
						<h2>俞永福</h2>
						<span>阿里巴巴<br>移动事业群总裁</span>
					</div>
				</li>
				<li>
					<div>
						<h2>伟大的安妮</h2>
						<span>知名漫画作者</span>
					</div>
				</li>
				<li>
					<div>
						<h2>范湉湉</h2>
						<span>奇葩说优质辩手</span>
					</div>
				</li>
				<li>
					<div>
						<h2>后弦</h2>
						<span>中国幻想系<br>创作男歌手</span>
					</div>
				</li>
				<li>
					<div>
						<h2>皇甫圣华</h2>
						<span>SAMAY品牌<br>主理人</span>
					</div>
				</li>
				<li>
					<div>
						<h2>童梦</h2>
						<span>中国时尚摄影师<br>及视觉艺术家</span>
					</div>
				</li>
				<li>
					<div>
						<h2>祈inory</h2>
						<span>二次元歌姬</span>
					</div>
				</li>
				<li>
					<div>
						<h2>小鹏</h2>
						<span>中国职业旅行家</span>
					</div>
				</li>
				<li>
					<div>
						<h2>小苍</h2>
						<span>国内知名<br>电竞女解说</span>
					</div>
				</li>
			</ul>
			<div id="window-people">
				<span id="btleft"></span>
				<span id="btright"></span>
				<span id="btclose"></span>
				<div class='people-list'>
					<ul id="imglist">
						<li><img src="img/b1.jpg" alt="" /></li>
						<li><img src="img/b2.jpg" alt="" /></li>
						<li><img src="img/b3.jpg" alt="" /></li>
						<li><img src="img/b4.jpg" alt="" /></li>
						<li><img src="img/b5.jpg" alt="" /></li>
						<li><img src="img/b6.jpg" alt="" /></li>
						<li><img src="img/b7.jpg" alt="" /></li>
						<li><img src="img/b8.jpg" alt="" /></li>
						<li><img src="img/b9.jpg" alt="" /></li>
					</ul>
				</div>
			</div>
		</div>
	</li>
	<li class="cont" id="cont5">
		<div class="close">
			<div id="enter5">
				<em></em>进入官网
			</div>
			<div id="logo5"></div>
			<div id="houxuan"></div>
			<div id="c5-txt1"></div>
			<div id="c5-txt2">UC千人代言计划唱出年轻心声</div>
			<div id="c5-txt3"></div>
			<div id="c5-video"><img src="img/mv.jpg"  alt=""/></div>
		</div>
	</li>
  </ul>
</div>

  <div id="nav-right">
	  <div class="clear">
		<ul class="nr-ul">
			<li class="active">首页</li>
			<li>懂我所爱</li>
			<li>懂我表情</li>
			<li>懂我态度</li>
			<li>懂我心声</li>
			<li id="share"><div class="bdsharebuttonbox" style="width: 100%;height: 100%;"><a href="#" class="bds_more" data-cmd="more" style="        display: block;
		margin: 0;
		float: right;
		font-size: 14px;
		color: rgba(229, 229, 229, .5);
		cursor: pointer;
		background-image: none;">分享</a></div>
				<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{"bdSize":16},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script></li>
		</ul>
		</div>
	  <div id="act">
		  <div id="key"></div>
		  <div id="mouse"></div>
	  </div>
	  <div id="nr-text">SCROLL</div>
  </div>

 	<div id="ucmask"></div>
 	<div id="video-box">
		<div id="video-cont">
			<div id="video-title">测试</div>
			<div id="video-main"></div>
		</div>
		<div id="video-close"></div>
	</div>
 </body>
</html>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.js"></script>
<script type="text/javascript" src="js/main.js"></script>